<template>
   <el-dialog title="新建" :visible.sync="dialogVisible">
        <slot />
        <div slot="footer" class="dialog-footer">
          <el-button @click="dialogFormVisible = false">
           取消
          </el-button>
          <el-button type="primary" @click="dialogFormVisible = false">
           保存
          </el-button>
        </div>
      </el-dialog>
</template>

<script>
export default {
    props:["dialogVisible"],
   data(){
       return {

       }
   }
}
</script>

<style >
.el-dialog__body{
  padding:0;
}
.el-dialog__header{
  border: 1px solid #eee;
}
.el-dialog__footer{
background: #EAEDF1;
}
</style>